<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ taglib uri="/struts-tags" prefix="s"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=8" />
<base href="<%=basePath%>">

<title>账户设置</title>
<link href="css/shoppingCarAndMyCustom.css" type="text/css"
	rel="stylesheet" />
<link href="css/login.css" type="text/css" rel="stylesheet" />
<script type="text/javascript" src="js/jquery-1.7.2.js"></script>
<script type="text/javascript" src="js/login.js"></script>
<script type="text/javascript"
	src="js/myCustonAndShoppingCar/updateCustomer.js"></script>
<script type="text/javascript" src="js/address.js"></script>
<style type="text/css">
li {
	font-size: 12px;
	font-family: inherit;
	margin-bottom: 20px;
	line-height: 18px;
	color: #424243;
	margin-left: 22px;
	background-position: 3px -289px;
}

.div_left {
	clear: both;
	width: 350px;
	padding: 14px 0 9px 8px;
	border: 1px solid #D3DCE5;
	background: none repeat scroll 0 0 #F3F5FD;
	display: none;
	overflow: hidden;
}

.li_top {
	float: left;
	border-color: #D3DCE5;
	line-height: 30px;
	background-color: #F8F8F8;
	padding: 0 5px;
}
.li_top:hover {
	background-color: #F1FAFD;
}
</style>

</head>
<body
	onload="loadData('selProvance','selCity','selArea');setArea('${cus.userProvince}','${cus.userCity}','${cus.userArea}');">
	<jsp:include page="top.jsp"></jsp:include>
	<br />

	<div>
		<div style="float:left;margin-left:300px;">
			<div>
				<ul
					style="list-style-type:none;border-bottom:1px #CFE1E9 solid;zoom:1">
					<li class="li_top" style="margin-left:-5px;" onclick="baseMsg()" id="1">基本信息</li>
					<li class="li_top" onclick="changePsw()" id="2">修改密码</li>
					<li class="li_top" onclick="accRel()" id="3">帐号关联</li>
					<li class="li_top" onclick="accSafe()" id="4">账号安全</li>
				</ul>
			</div>
			<div id="baseMessage"
				style="clear:both;width:350px;padding:14px 0 9px 8px;border:1px solid #D3DCE5;background:none repeat scroll 0 0 #F3F5FD;">
				<form id="form1" name="form1" encType="multipart/form-data"
					method="post" target="hidden_frame" action="update.action">
					<table>
						<tr>
							<td><s:actionerror /> <s:actionmessage />
							</td>
						</tr>
						<tr>
							<td>&nbsp;&nbsp;真实姓名：<input type="text" name="realname"
								id="realname" value="${cus.userRealName}">
							</td>
						</tr>
						<tr>
							<td>&nbsp;&nbsp;上传头像图片:<input type="file" name="file1"
								id="file1" /></td>
						</tr>
						<tr>
							<td>&nbsp;&nbsp;性别: <c:if
									test="${cus.userSex=='男'||cus.userSex==null}">
									<input type="radio" name="sex" value="男" checked="checked">男
        <input type="radio" name="sex" value="女">女<br />
								</c:if> <c:if test="${cus.userSex=='女'}">
									<input type="radio" name="sex" value="男">男
        <input type="radio" name="sex" value="女" checked="checked">女<br />
								</c:if>
							</td>
						</tr>
						<tr>
							<td><table>
									<tr>
										<td>&nbsp;&nbsp;居住地：</td>
										<td><select style="float:left;width:60px"
											id="selProvance" name="provaice"
											onchange="chgProvinces('selProvance','selCity','selArea')"></select>
											<select style="margin-left: 10px;width:60px; float: left;"
											id="selCity" name="city"
											onchange="chgCitys('selCity','selArea')"></select> <select
											id="selArea" name="area"
											style="margin-left: 10px;width:60px; float: left;"></select>
										</td>
									</tr>
								</table></td>
						</tr>
						<tr>
							<td>&nbsp;&nbsp;详细地址：<input type="text" name="address"
								id="address" value="${cus.userAddress}" style="width:202px">
							</td>
						</tr>
						<tr>
							<td>&nbsp;&nbsp;手机号码：<input type="text" id="telephone"
								name="telphone" value="${cus.userMobilePhone}"
								style="width:202px" onblur="checkMobile()" />
							</td>
						</tr>
						<tr>
							<td>&nbsp;&nbsp;电话号码：<input type="text" style="width:40px;"
								onblur="checkPhone()" id="specialplane1" name="phone1"
								value="${tele1}" />- <input type="text" onblur="checkPhone()"
								name="phone2" id="specialplane2" value="${tele2}" /> <font
								id="specialplaneMsg"></font><input type="hidden" name="id"
								id="hiddenuserid" value="${cus.userId}"><input
								type="hidden" value="${cus.userFace }" name="userface">
							</td>
						</tr>
						<tr>
							<td>
								<div style="float:left">&nbsp;&nbsp;个性签名：</div>
								<div style="float:left">
									<textarea name="personalSign" rows="2" cols="21px">${uhot.userPersonalSign}</textarea>
								</div>
							</td>
						</tr>
						<tr>
							<td>&nbsp;&nbsp; <input type="reset" value="重置"> <input
								type="button" value="提交" onclick="checkSubmit()" />
							</td>
						</tr>
					</table>
				</form>
			</div>

			<div id="changePsw" class="div_left">
				输入原密码：<input type="password" onblur="checkOldPass()"
					id="oldpassword" value="" /> <br />输入新密码：<input type="password"
					id="p1" onblur="checkPass1()" value="" /><br /> 再输入密码：<input
					type="password" id="p2" onblur="checkPass2()" value="" /><br /> <input
					type="button" value="确定修改" onclick="changePassword()" /> <input
					type="button" value="清空" onclick="clearPassword()" />
			</div>
			<div id="accRel" class="div_left"></div>
			<div id="accSafe" class="div_left">
				<div style="float:left">安全邮箱：${cus.userMail }</div>
				<div style="float:right">
					<input type="button" value="修改" onclick="" />
				</div>
			</div>

		</div>
		<div style="float:left;margin-left:30px;">
			<div style="height:50px"></div>
			<div
				style="background:none repeat scroll 0 0 #F3F5FD;margin-bottom:9px;padding:2px;position:relative;">
				<div style="border:1px solid #D3DCE5">
					<div
						style="background:none repeat scroll 0 0 #FAFDFE;border:1px solid #FFFFFF;overflow:hidden;padding:14px 0 9px 8px;">
						<div
							style="height:58px;width:58px;border:1px solid #CFCFCF;float:left;">
							<table cellspacing="0" cellpadding="0" border="0">
								<tbody>
									<tr>
										<td><img src="${cus.userFace}" id="faceimg"
											style="height: 58px;"></td>
									</tr>
								</tbody>
							</table>
						</div>
						<div style="margin-left:64px">
							<p
								style="height:22px;line-height:22px;margin:0;padding:0;color:black;font-size:14px;font-weight:700;font-family:inherit;">${username}</p>
						</div>
					</div>
				</div>
			</div>
			<div
				style="background:#F3F5FD;padding:2px;margin-bottom:9px;position:relative;zoom:1;width:220px;height:200px">
				<div style="border:1px #D3DCE5 solid">
					<div
						style="border:1px white solid;background:#FAFDFE;padding:14px 0 9px 8px;zoom:1;overflow:hidden">
						<ul style="padding:8px 14px 0 8px">
							<li>填写完整基本资料，可以让网友更便捷的找到你、认识你。</li>
							<li>为了增强你的帐号安全，同时也方便你在忘记密码时找回，建议你对注册时填写的邮箱进行安全验证。</li>
						</ul>
					</div>
				</div>
			</div>
		</div>
	</div>
	<jsp:include page="bottom.jsp"></jsp:include>
</body>
</html>
